<template>
  <el-button
    :type="type"
    :loading="loading"
    :size="size"
    :disabled="disabled"
    :circle="circle"
    :round="round"
  >
    {{ title }}
    <i :class="icon"></i>
  </el-button>
</template>

<script>
export default {
  name: "sButton",
  props: {
    // 按钮文本
    title: {
      type: String,
      default: "自定义按钮"
    },
    // 	primary / success / warning / danger / info / text
    type: {
      type: String,
      default: "primary"
    },
    // 	图标类名
    icon: {
      type: String,
      default: "el-icon-plus el-icon--right"
    },
    // 是否加载中状态
    loading: {
      type: Boolean,
      default: false
    },
    // 定义按钮大小 medium / small / mini
    size: {
      type: String,
      default: 'medium'
    },
    // 定义是否是禁用
    disabled: {
      type: Boolean,
      default: false
    },
    // 定义是否是否圆形按钮
    circle: {
      type: Boolean,
      default: false
    },
    // 定义是否是否圆角按钮
    round: {
      type: Boolean,
      default: false
    },
  },
  data() {
    return {
      // 功能ID
      functionId: '',
      // 表单ID
      formId: '',
      // 调用路径
      url: '',
      // POST\PUT\DELETE\GET
      method: 'GET',
      // 传递参数
      params: {},
      // 传递数据
      data: {},
      // 授权字符串
      authStr: '',
      // 备注
      remark: '',
      // 跳转的路由
      router: ''
    }
  }
}
</script>

<style scoped>

</style>
